<template>
  <f7-page>
    <f7-navbar title="Main Page" back-link="返回"></f7-navbar>
    <f7-block-title>Main Page</f7-block-title>
    <component :is="which_to_show"></component>
  </f7-page>
</template>

<script type="text/ecmascript-6">
  export default {
    data() {
      return {
        which_to_show: null
      }
    },
    mounted() {
      this.fetchData()
    },
    methods: {
      fetchData() {
        let _app = this.$f7route.params.appId
        let _fun = this.$f7route.params.funId
        console.log('_app', _app)
        console.log('_fun', _fun)
        this.which_to_show = 'kalix-' + _app + '-' + _fun.toLowerCase()
      }
    }
  }
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
</style>
